<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" href="../assets/images/logo.png">
    <title>Document</title>

    <!-- 引入css：elementUi、bootstrap、bootstrap-icons、normalize统一规范、index -->
    <link rel="stylesheet" href="../node_modules/element-ui/lib/theme-chalk/index.css">
    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../node_modules/bootstrap-icons/font/bootstrap-icons.min.css">
    <link rel="stylesheet" href="../assets/css/normalize.css">
    <link rel="stylesheet" href="../assets/css/aboutus.css">

    <!-- 引入JS：vue、elementUI、jQuery、bootstrap -->
    <script src="../node_modules/vue/dist/vue.min.js"></script>
    <script src="../node_modules/element-ui/lib/index.js"></script>
    <script src="../node_modules/jQuery/tmp/jquery.js"></script>
    <script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>
    <!-- 引入http-vue-loader：html页面中引入VUE组件需要的包 -->
    <script src="../node_modules/http-vue-loader/src/httpVueLoader.js"></script>

  </head>

  <body>
    <div id="app">
      <!-- 引入头部组件 -->
      <my-header></my-header>

      <section style="margin-top: 80px">
        <div class="container">
          <div class="card" style="background-color: white">
            <div class="card-body">
              <h3>1024</h3>
              <p>10年IT教育行业培训经验</p>
              <ul class="list-group list-group-flush">
                <li class="list-group-item" style="border: none">
                  &bull; Gitee：
                  <a href="#" class="text-info article">面试宝典分享</a>
                </li>
                <li class="list-group-item">
                  &bull; CSDN：
                  <a href="#" class="text-info article">CSDN分享</a>
                </li>
              </ul>
              <p>
                本人会不定期的分享一些技术文章,不一定很深入,但希望对各位小伙伴有点点帮助...
              </p>
              <hr />

              <p>
                对未来充满着无限期待,所以不管未来将会面临什么,我们都要一起面对它,相信未来的我们都能得到我们想要的
              </p>
              <ul class="list-group list-group-flush">
                <li class="list-group-item" style="border: none">
                  &bull; 编程,热爱后端开发,热爱前端开发,热爱部署,追求新技术
                </li>
                <li class="list-group-item" style="border: none">
                  &bull; 音乐,喜欢听刘德华,张学友,周杰伦,陈奕迅的歌
                </li>
                <li class="list-group-item" style="border: none">
                  &bull; 电影,动作类,武侠类,科幻类等等,基本都喜欢
                </li>
              </ul>
              <hr />
              <ul class="list-group list-group-flush">
                <li class="list-group-item" style="border: none">
                  &bull; 个人不喜欢主动,能看到我主动那是一件非常稀奇的事
                </li>
                <li class="list-group-item" style="border: none">
                  &bull; 喜欢平淡的生活,我觉得能平平淡淡的生活着,挺幸福的
                </li>
                <li class="list-group-item" style="border: none">
                  &bull;
                  喜欢一句话,"少说话,多做事",喜欢用事实证明,而不是口头上说说而已
                </li>
                <li class="list-group-item" style="border: none">
                  &bull;
                  不了解我的人,都会觉得我很难相处,不过了解我的人都知道我这人挺闷骚的
                </li>
                <li class="list-group-item" style="border: none">
                  &bull; 比较倔强,有些决定了的事情,九头牛都拉不回来
                </li>
                <li class="list-group-item" style="border: none">
                  &bull; 有些时候喜欢独处,不想说话,一个人坐着发呆
                </li>
                <li class="list-group-item" style="border: none">
                  &bull; 心情不好的时候,不会主动找人倾述,没有谁能做到感同身受的
                </li>
              </ul>
              <hr />

              <h3>技术栈</h3>
              <ul class="list-group list-group-flush">
                <li class="list-group-item" style="border: none">
                  &bull; Java
                </li>
                <li class="list-group-item" style="border: none">
                  &bull; Spring/SpringMVC/SpringBoot
                </li>
                <li class="list-group-item" style="border: none">
                  &bull;
                  SpringCloud全家桶(Eureka/Ribbon/Feign/Zuul/Config/Bus/Sleuth/Admin/Stream)
                </li>
                <li class="list-group-item" style="border: none">
                  &bull; Hibernate/Mybatis-Plus
                </li>
                <li class="list-group-item" style="border: none">
                  &bull; Mysql/Oracle
                </li>
                <li class="list-group-item" style="border: none">
                  &bull; Redis/RabbitMQ/Kafka/RocketMQ/Docker/K8S/Linux
                </li>
                <li class="list-group-item" style="border: none">
                  &bull; Elasticsearch/Kibana/Nacos/Sentinel/Dubbo
                </li>
                <li class="list-group-item" style="border: none">
                  &bull; HTML/JavaScript/CSS/Nodejs/VUE/ElementUI
                </li>
              </ul>
            </div>
          </div>
        </div>
      </section>
    </div>
    <script>
      /* 必须要挂载分页栏才会起作用 */
      new Vue({
        el: "#app",
        components: {
          // 将组建加入组建库
          "my-header": httpVueLoader("./common/header.vue"),
        },
      });
    </script>
  </body>
</html>
